@import url("../../style.less");
.card{
	width: 700rpx;
	margin-left: 30rpx;
}
.lea{
	position: absolute;
	margin-top: 50rpx;
	font-size: 28rpx;
	color: #4caf50;
}
.text1{
	font-size: 40rpx;
	color: black;
}
.text2{
	color: blue;
}
.text3{
	margin-left: 130rpx;
}
.lea0{
	position: absolute;
	margin-top: 50rpx;
	font-size: 28rpx;
	color: red;
}
.district{
	position: absolute;
	margin-top: 50rpx;
	margin-right: 405rpx;
	font-size: 26rpx;
	background-color: #4caf50;
	color: #fff;
}
.list{
	margin-top: 48rpx;
}
.chat-custom-right{ 
	position: absolute; 
	right: 20rpx;
	.chat-custom-text{ 
		color: #999;
		font-size: 24rpx;
	}
}
.text{
	color: #4caf50;
	font-size: 46rpx;
	margin-left: 30rpx;
}
.publish {
	position: absolute;
	margin-left: 620rpx;
	margin-top: 20rpx;
}
.tab-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 450rpx;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	flex-direction: row;
	background-color: #fff;
}

.tab-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	height: 100%;
	color: #333333;
	font-size: 14px;
	position: relative;
}

.tab-item:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	background-color: #007aff;
	transform: scaleX(0);
	transition: transform 0.2s ease;
	transform-origin: 2 2;
}

.tab-item.active {
	color: #007aff;
	font-size: 16px;
}

.tab-item.active:after {
	transform: scaleX(1);
}

.tab-content {
	margin-top: 10px;
	padding: 0 12px;
}
.container {
	background-color: #f8f8f8;
}
.search {
	display: flex;
	flex-direction: row;
	/* align-items: flex-start; */
	/* padding: 20rpx; */
	background-color: #fff;
	/* margin-top: 10rpx; */
	/* border-radius: 20rpx; */
	/* box-shadow: 0 0 20rpx #ccc; */
}
.post {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 20rpx;
	background-color: #fff;
	margin-top: 20rpx;
	border-radius: 20rpx;
	box-shadow: 0 0 20rpx #ccc;
}
.avatar {
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
}
.info {
	margin-left: 20rpx;
	flex: 1;
}
.name {
	font-weight: bold;
	font-size: 36rpx;
}
.time {
	color: #888;
	font-size: 28rpx;
	margin-top: 10rpx;
}
.text {
	font-size: 32rpx;
	margin-top: 10rpx;
}
.image-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10rpx;
}
.image {
	width: 200rpx;
	height: 200rpx;
	margin-right: 10rpx;
	margin-bottom: 10rpx;
}
.actions {
	display: flex;
	flex-direction: row;
	margin-top: 20rpx;
}
.like,
.comment {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 30rpx;
	font-size: 28rpx;
	color: #888;
	cursor: pointer;
}
.text {
	margin-left: 10rpx;
}